{% extends "base.html" %}
{% block content %}
 <div class="col-lg-8">
                <div class="description bg-white px-3 pt-3 pb-1">
                    <p class="float-right mb-0">共<span class="mx-2 text-info">6</span>篇</p>
                    <h1 class="f-17"><strong>文章分类:{{category.name}}</strong></h1>
                    <p class="f-16">CI/CD 是一种通过在应用开发阶段引入自动化来频繁向客户交付应用的方法。CI/CD 的核心概念是持续集成、持续交付和持续部署。具体而言，CI/CD 在整个应用生命周期内（从集成和测试阶段，到交付和部署）引入了持续自动化和持续监控。</p>
                </div>
                <div class="text-secondary font-weight-bold py-2 f-15 choice">


                    <a class="pb-2 active" href="/category/ci-cd/">
                        <i class="fa fa-bars mr-1"></i>时间排序</a>

                </div>


                <div class="summary-list">


                    {% for article in articles %}
                    <div class="media mb-1 mb-sm-2 p-2 p-lg-3">
                        <div class="align-self-center mr-2 mr-lg-3 w-25 modal-open">
                            <a href="/article/Jenkins-Pipeline/" target="_blank">
                                <img class="w-100 article-img" src="https://tendcode.com/cdn/article/190710/jenkins.png" alt="【Jenkins 插件】Jenkins Pipeline 流水线插件的使用，Vue 项目自动化构建和部署实战">
                            </a>
                        </div>
                        <div class="media-body">

                            <div class="text-muted mb-2 f-12">


                                <img class="avatar" src="https://tendcode.com/media/avatar/2019/07/27/91ef76c6a7efce1b99717f97a851f3deb48f6510.png" alt="Hopetree">

                                <span>Hopetree</span>
                                <span><i class="fa fa-calendar-times-o ml-2 mr-1"></i>{{article.create_time}}</span>
                            </div>
                            <h2 class="mt-0 font-weight-bold text-info f-17">
                                <a href="/article/{{article.id}}" target="_blank">{{article.title}}</a>
                            </h2>
                            <p class="d-none d-sm-block mb-2 f-15">{{article.content}}</p>
                            <p class="d-block d-sm-none mb-2 f-15">{{article.desc}}</p>
                            <div class="text-muted mb-0 f-12">
                                <a class="cate" href="/category?id={{article.category.id}}" title="查看当前分类下更多文章">
                                    <i class="fa fa-book mr-1"></i>{{article.category.name}}</a>
                                <span><i class="fa fa-eye ml-2 mr-1"></i>{{article.show_count}}</span>
                                <a href="/article/Jenkins-Pipeline/#comment-block" target="_blank" title="查看文章评论">
                                    <i class="fa fa-comments ml-2 mr-1"></i>5</a>
                            </div>
                        </div>
                    </div>

                    {% endfor %}


                </div>

            </div>
{% endblock %}